<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>员工管理系统注册页面</title>
    <link rel="stylesheet" href="css/reg.css">
    <link rel="icon" href="//img.alicdn.com/tps/TB1HwXxLpXXXXchapXXXXXXXXXX-32-32.ico"  type="image/x-icon">
    <script>
        function testFunction() {
            console.log("Helloworld!")
        }
    </script>

</head>
<body>
    <!-- 导航栏 -->
    <header class="nav">
        <div class="logo">
            <a class="logo_img" href="https://www.aliyun.com/"><img class="outer" src="images/logo.png" /></a>
            <a class="logo_out" href="#">退出</a>
            <a class="nav_home" href="#">主页</a>
            <!--<img src="images/logo-inner.gif" />-->
        </div>
        <nav class="logo">
        </nav>
    </header>

    <!-- 主界面 -->
    <div class="container">
        <div class="welcome">欢迎注册用户管理系统</div>
        <div class="reg">
            <form action="" method="post">
                <table>
                    <tr>
                        <td colspan="2"><input class="username" type="text" name="username" placeholder="您的用户名"/></td>
                    </tr>
                    <tr>
                        <td colspan="2"><input class="password" type="password" name="password" placeholder="您的密码"/></td>
                    </tr>
                    <tr>
                        <!-- 单选框 -->
                        <td>性&nbsp;&nbsp;别</td>
                        <td><input type="radio" name="sex" value="0"/>男<input type="radio" name="sex" value="1"/>女<input type="radio" name="sex" value="2"/>保密</td>
                    </tr>
                    <tr>
                        <!-- 头像 -->
                        <td>头&nbsp;&nbsp;像</td>
                        <td><input type="file" /></td>
                    </tr>
                    <tr>
                        <!-- 头像 -->
                        <td>爱&nbsp;&nbsp;好</td>
                        <td>
                            <input type="checkbox" name="hobby" value="足球"/>足球
                            <input type="checkbox" name="hobby" value="篮球"/>篮球
                            <input type="checkbox" name="hobby" value="lol"/>英雄联盟
                        </td>
                    </tr>
                    <tr>
                        <!-- 头像 -->
                        <td>省&nbsp;&nbsp;份</td>
                        <td>
                            <select name="province">
                                <option value="1">四川省</option>
                                <option value="2">云南省</option>
                                <option value="3">贵州省</option>
                                <option value="4" selected="selected">西藏</option>
                                <option value="5">甘肃省</option>
                                <option value="6">陕西省</option>
                                <option value="7">重庆</option>
                            </select>
                        </td>
                    </tr>
                </table>
                <p>
                    <input class="submit" type="submit" onclick="testFunction()" value="保存" />
                    <input class="reset" type="reset" onclick="testFunction()" value="重置" />
                </p>
            </form>
        </div>
    </div>

    <!-- 底部信息 -->
    <footer>
        <div class="copyright">
            <div class="copyright-content">
                <p>
                    <a href="#">关于我们</a>
                    <a href="#">法律声明及隐私权政策</a>
                    <a href="#">廉正举报</a>
                    <a href="#">联系我们</a>
                    <a href="#">加入阿里云</a></p>
            </div>
        </div>
    </footer>
</body>
</html>